<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=0">
		<title>城市客厅回放</title>
		<link rel="stylesheet" href="http://g4cdn.airefp.com{$_C.hy_path}css/comment/pulie.css" />
		<link rel="stylesheet" href="http://g4cdn.airefp.com{$_C.hy_path}css/comment/index.css" />
	</head>
	<body>
		<div class="topbg" id="content"><img src="http://g4cdn.airefp.com{$_C.hy_path}images/comment/top1.png"></div>
		<div id="play"></div>
		<div class="llogo"><img src="http://g4cdn.airefp.com{$_C.hy_path}images/comment/logo.png"></div>
		<div class="htile"><h1>第一期：共筑阅读生态</h1></div>
		<div class="h3tile"><h2>这次活动将结合“世界阅读日”主题，与各界精英共同研讨如何从各个方面构筑起一个生态化的“阅读的世界”，而这样的世界将会为我们未来的生活方式带来怎样的变化。</h2></div>
		<div class="xian"></div>
		<div class="pingl">
			<div class="xians" id="xians"><span id="comment_num">{$count}条评论</span></div>
			{foreach from=$comments item=comment }
			<div class="userliu">
				<div class="toux"><img src="{if $comment.status eq 'immediately'}/ws/Mobile/Webroot/gf/images/g4logo.png{else}{$comment.headimgurl}{/if}"></div>
				<div class="nameping">
					<h2>{if $comment.status eq 'immediately'}城市客厅用户{else}{$comment.nickname}{/if}</h2>
					<span>{$comment.comment}</span>
				</div>
			</div>
			{/foreach}
		</div>
		<div class="dingbu">
			<a  onClick="goDiv('content') " id="toTop"><img src="http://g4cdn.airefp.com{$_C.hy_path}images/comment/topshangicon.png"></a>
		</div>
		<div class="pingkuan">
			<textarea id="cmText" placeholder="写下你的精彩评论"></textarea>
			<div class="button" onClick="sendComment()"><img src="http://g4cdn.airefp.com{$_C.hy_path}images/comment/but.png"></div>
		</div>
		<script type="text/javascript" src="http://g4cdn.airefp.com{$_C.hy_path}js/jquery-1.10.2.min.js" ></script>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<script>
		var hy_path = '{$_C.hy_path}',wxid = parseInt('{$wxid}'),wxuser = eval({$wxuser});
		wx.config({
		    debug: false, 
		   appId: '{$jsdk.appId}',
				timestamp: {$jsdk.timestamp},
				nonceStr: '{$jsdk.nonceStr}',
				signature: '{$jsdk.signature}',
		    jsApiList: [
		      // 所有要调用的 API 都要加到这个列表中
			  'onMenuShareTimeline',
	      	  'onMenuShareAppMessage',

		    ]
		  });
		  wx.ready(function () {
			
			 wx.onMenuShareTimeline({
				    title: '城市客厅回放－第一期：共筑阅读生态',
				     link:'http://g4.airefp.com/ws/index.php?g=mobile&m=message&a=comment',
				     imgUrl: 'http://g4cdn.airefp.com/ws/Mobile/Webroot/gf/images/comment/share.png',
				      trigger: function (res) {
				       
				      },
				      success: function (res) {
				      },
				      cancel: function (res) {
				       
				      },
				      fail: function (res) {
				        warn(JSON.stringify(res));
				      }
			    });
			    
				wx.onMenuShareAppMessage({
				    link:'http://g4.airefp.com/ws/index.php?g=mobile&m=message&a=comment',
				     title: '城市客厅回放',
				    desc: '第一期：共筑阅读生态',
				  	imgUrl: 'http://g4cdn.airefp.com/ws/Mobile/Webroot/gf/images/comment/share.png',
				    success: function () { 
				    },
				    cancel: function () { 
				        // 用户取消分享后执行的回调函数
				    }
				});
		  });
		</script>
		<script type="text/javascript" src="{$_C.hy_path}js/comment/index.js" ></script>
		<!-- <script type="text/javascript" src="http://cdn.aodianyun.com/lss/player.js"></script>
		<script type="text/javascript">
		aodianPlayer({
		  container:'play',//播放器容器ID，必要参数
		  rtmpUrl:'rtmp://8742.lssplay.aodianyun.com/VideoOnair/stream',//控制台开通的APP rtmp地址，必要参数
		  hlsUrl:'http://8742.hlsplay.aodianyun.com/VideoOnair/stream.m3u8',//控制台开通的APP hls地址，必要参数
		  player:{
		    name:'lssplayer',//播放器名称，必要参数
		    /* 以下为可选参数*/
		    width: '720',//PC端浏览器，播放器宽度，可用数字、百分比等
		    height: '480',//PC端浏览器，播放器高度，可用数字、百分比等
		    html5Width: '100%',//手机端浏览器，播放器宽度，      可用数字、百分比等
		    html5Height: '100%',//手机端浏览器，播放器高度，可用数字、百分比等
		    autostart: true,//是否自动播放，默认为false
		    bufferlength: '1',//视频缓冲时间，默认为3秒，手机端不支持！
		    maxbufferlength: '2',//最大视频缓冲时间，默认为2秒，手机端不支持！
		    stretching: '2',//设置全屏模式,1代表按比例撑满至全屏,2代表铺满全屏,3代表视频原始大小,默认值为1
		    controlbardisplay: 'enable'//是否显示控制栏，值为：disable、enable默认为disable
		  }
		});
		</script>   -->
		<script type="text/javascript" charset="utf-8" src="http://cdn.aodianyun.com/lss/aodianplay/player.js"></script>
		<script>
//			var image = "http://cdn.dvr.aodianyun.com/pic/live-vod/images/VideoOnair.stream.1461395938/0/0";//封面图片
			var objectPlayer=new aodianPlayer({
			      container:'play',//播放器容器ID，必要参数
			      hlsUrl:'http://8742.live-vod.cdn.aodianyun.com/m3u8/0x0/VideoOnair.stream.1461395938/VideoOnair.stream.1461395938.m3u8',//控制台开通的APP hls地址，必要参数
			      /* 以下为可选参数*/
			      width: '100%',//PC端浏览器，播放器宽度，可用数字、百分比等
			      height: '100%',//PC端浏览器，播放器高度，可用数字、百分比等
//			      html5Width: '100%',//手机端浏览器，播放器宽度，      可用数字、百分比等
//			      html5Height: '100%',//手机端浏览器，播放器高度，可用数字、百分比等
			      autostart: true,//是否自动播放，默认为false
			      controlbardisplay: 'enable',//是否显示控制栏，值为：disable、enable默认为disable。
			      stretching: '2'//设置全屏模式,1代表按比例撑满至全屏,2代表铺满全屏,3代表视频原始大小,默认值为1
//			      adveDeAddr: image,//封面图片链接
//			      adveWidth: '100%',//封面图宽度
//			      adveHeight: '100%',//封面图高度
			      //adveReAddr: ''//封面图点击链接
			  });
		</script>
	</body>
</html>